<template lang="html">
    <div class="row">
        <ul class="list-group col-sm-3">
            <router-link tag="li" active-class="act" :to="{path:'/mint/toast'}"  class="list-group-item">
                toast
            </router-link>
            <router-link tag="li" active-class="act" :to="{path:'/mint/lazyload'}"  class="list-group-item">
                loadmore
            </router-link>

            <router-link tag="li" active-class="act" :to="{path:'/mint/swipper'}"  class="list-group-item">
                swipper
            </router-link>

            <router-link tag="li" active-class="act" :to="{path:'/mint/cellSwipper'}"  class="list-group-item">
                cellSwipper
            </router-link>

        </ul>
        <div class="col-sm-8">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
export default {}
</script>

<style lang="css">
.act{
    background-color: #333;
    color:#fff;
}
</style>
